<!DOCTYPE html>
<html xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <title>VIP审核管理</title>
    <#include "/header.html">
</head>
<body>
<div id="applyvip" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
            <div class="form-group " style="display:inline-block;" >
                <input type="text"  class="form-control"  v-model="q.userName" @keyup.enter="query" placeholder="用户姓名" style="display:inline-block;width: 140px;" >
                <input type="text" class="form-control" v-model="q.mobilePhone" @keyup.enter="query" placeholder="手机号" style="display:inline-block;width: 140px;">
                <input type="text"  id="startDate" class="form-control" v-model="q.startDate"  placeholder="开始时间" style="display:inline-block;width: 160px">
                <input type="text"  id="endDate" class="form-control" v-model="q.endDate"  placeholder="截止时间" style="display:inline-block;width: 160px">
                <select class="form-control" v-model="q.status" @keyup.enter="query" style="display:inline-block;width: 140px;">
                    <option value="" selected="selected">  ----请选择----</option>
                    <option v-for="item in statuslist"  v-bind:value="item.code">{{ item.name }}</option>
                </select>
            </div>
            <div style="display: inline-block">
                <a class="btn btn-default" @click="query" style="margin-left: 30px">查询</a>
                <a class="btn btn-primary" @click="freeze"><i class="fa fa-hourglass"></i>&nbsp;通过</a>
                <a class="btn btn-success" @click="unFreeze"><i class="fa fa-key"></i>&nbsp;不通过</a>
                <!--<#if shiro.hasPermission("users:vip:select")>
                <a class="btn btn-primary" @click="applyVipInfo"><i class="fa fa-info"></i>&nbsp;查看详情</a>
                </#if>-->
            </div>
        </div>
    <!--vip申请列表-->
    <table id="jqGrid"></table>
    <div id="jqGridPager"></div>
</div>

<div v-show="!showList" class="panel panel-default">
    <div class="panel-heading">{{title}}</div>
    <form class="form-horizontal">
        <div class="form-group">
            <div class="col-sm-2 control-label">申请人</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="info.realName" disabled="disabled"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">申请时间</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="info.createTime" disabled="disabled"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">付款账户</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="info.paymentAccount" disabled="disabled"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">付款方式</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="info.paymentTypeName" disabled="disabled"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">付款金额</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="info.paymentAmount" disabled="disabled"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">手机号</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="info.mobilePhone" disabled="disabled"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">推荐人</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="info.referralCode" disabled="disabled"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">审核状态</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="info.verifyStatusName" disabled="disabled"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">付款凭证</div>
            <div class="col-sm-10">
                <img id="voucher" v-bind:src="info.voucher" @click="showImg" style="width: 150px;height: 200px;">
            </div>
        </div>
        <div class="form-group" >
            <div class="col-sm-2 control-label"></div>
            <#if shiro.hasPermission("users:vip:first_trial")>
                <input v-show="showBtn" type="button" class="btn btn-primary" @click="firstVerify" value="审核通过"/>
             </#if>
            <#if shiro.hasPermission("users:vip:last_trial")>
                <input v-show="showBtn" type="button" class="btn btn-primary" @click="finalVerify" value="这是终审"/>
            </#if>
            <#if shiro.hasPermission("users:vip:first_trial")>
                <input v-show="showBtn" type="button" class="btn btn-primary" @click="refuseVerify" value="拒绝申请"/>
            </#if>
            &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
        </div>
    </form>
</div>
    <div v-show="refuseReason" id="refuseReason" style="margin:0 20px 0">
        <label style="margin-top: 10px ">拒绝原因：</label>
        <div>
            <textarea name="refuseReason" placeholder="请输入拒绝原因..." v-model="info.refuseReason" class="layui-textarea" STYLE="width: 350px;height: 80px;"></textarea>
        </div>
    </div>
</div>
<script src="/users/script/applyvip.js?_${.now?long}"></script>
</body>
</html>